<!-- <router-view> 是 Vue Router 提供的一个组件，它的作用是根据当前的路由路径动态渲染对应的组件。
在这个 App.vue 中，由于它是根组件，router-view 充当了一个占位符，
会根据用户访问的不同 URL 来显示 src/router/index.js 中配置的相应路由组件。
例如，当用户访问登录页面时，router-view 就会渲染 views/Login.vue 组件。 -->
<template>
  <router-view></router-view>
</template>

<script>
export default {
  name:'app'
}
</script>


<!-- @use 是 SCSS 中的规则，用于引入其他样式文件。
@use './assets/style/reset.css'; 引入了reset.css文件，该文件用于重置浏览器的默认样式，保证在不同浏览器中页面的显示效果一致。
@use './assets/style/index.scss'; 引入了index.scss文件，这个文件包含了项目的全局样式，比如主题颜色、字体样式、公共类等。通过这种方式，App.vue 可以将全局样式应用到整个应用中。 -->
<style lang="scss">
@use  './assets/style/reset.css';
@use  './assets/style/index.scss';
</style>